/**
 * @Author: likang xie
 * @Date: 2019-11-06 18:16:47
 * @Useage: 公共样式
 */

@import "./utils.scss", "./layout.scss", "./components.scss", "./icon.scss",
  "./reset.scss", "./animation.scss";

page,
uni-page-body,
.uni-body {
  box-sizing: border-box;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 28upx;
  color: $color-black;
  background-color: $color-white !important;
  word-break: break-all;

  .router-view {
    height: auto;
    min-height: 100%;
    padding-bottom: var(--window-bottom);
  }

  view,
  uni-view,
  div {
    box-sizing: border-box;
    word-break: break-all;
  }

  input,
  textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    color: $color-black;
    font: inherit;
  }

  textarea {
    padding: 15upx;
  }

  navigator,
  uni-navigator {
    display: block;

    &.navigator-hover {
      background-color: transparent;
      opacity: 1;
    }
  }

  image {
    object-fit: cover;

    &.bcl-active {
      background-color: $color-default !important;
    }
  }

  [class^="icon"] {
    vertical-align: middle;

    & + text,
    & + span {
      margin-left: 10upx;
      vertical-align: middle;
    }
  }

  // 店铺认证图标
  .shop-icon-list {
    $icon-remote: "https://58zhihua.com/themes/zbj/assets/images";

    .item {
      width: 30upx;
      height: 30upx;
      margin-left: 8upx;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% 100%;

      // 银行卡
      &:nth-child(1) {
        background-image: url($icon-remote+"/bank-h.png");

        &.active {
          background-image: url($icon-remote+"/bank-c.png");
        }
      }

      // 实名认证
      &:nth-child(2) {
        background-image: url($icon-remote+"/realname-h.png");

        &.active {
          background-image: url($icon-remote+"/realname-c.png");
        }
      }

      // 绑定邮箱
      &:nth-child(3) {
        background-image: url($icon-remote+"/email-h.png");

        &.active {
          background-image: url($icon-remote+"/email-c.png");
        }
      }

      // 支付宝认证
      &:nth-child(4) {
        background-image: url($icon-remote+"/pay-h.png");

        &.active {
          background-image: url($icon-remote+"/pay-c.png");
        }
      }

      // 会员
      &:nth-child(5) {
        background-image: url($icon-remote+"/com-h.png");

        &.active {
          background-image: url($icon-remote+"/com-c.png");
        }
      }
    }
  }
}
